<%= render :partial => "head", :locals => { :user => @user }%>

<%= render :partial => "main_nav", :locals => { :user => @user }%>

<div id="couples">
  <div class="gray-box float-left" style="width: 600px;">
    <h3>最热榜</h3>
    <% @hottest_couples.each do |couple|%>
      <div id="couple" style=" width: 110px; height: 100px;margin: 5px;" class="gray-box float-left">
        <p style="height: 80px;">
        <%= xiaonei_couple couple %> 
        </p>
        <p>平均评分：<%= couple.rating_avg %></p>
      </div>
    <% end %>    
  </div>

  <div style="width: 600px;" class="gray-box float-left">
    <h3>最受欢迎</h3>
    <% @votest_couples.each do |couple|%>
      <div id="couple" style=" width: 110px; height: 100px;margin: 5px;" class="gray-box float-left">
        <p style="height: 80px;">
        <%= xiaonei_couple couple %> 
        <p>投票次数：<%= couple.rating_count %></p>
        </p>
      </div>
    <% end %>    
  </div>  

  <div style="width: 600px;" class="gray-box float-left">
    <h3>最新上榜</h3>
    <% @newest_couples.each do |couple|%>
      <div id="couple" style=" width: 110px; height: 120px;margin: 5px;" class="gray-box float-left">
        <p style="height: 80px;">
        <%= xiaonei_couple couple %> 
        <p><%= distance_of_time_in_words(couple.updated_at, Time.now) %></p>
        <p>平均评分：<%= couple.rating_avg %></p>
        </p>
      </div>
    <% end %>    
  </div>    
</div>



